<template>
  <div class="my_contain">
    PrinterList
    <!-- 通过属性访问 getters -->
    <div>{{$store.getters.doneTodos}}</div>
    <p>{{doneTodosCount}}</p>
    <!-- 通过方法访问，每次都会去进行调用，而不会缓存结果 -->
    <p>{{$store.getters.getTodosById(2)}}</p>
  </div>
</template>

<script>
// mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性
import { mapGetters } from 'vuex'
export default {
  // computed: {
  //   doneTodosCount () {
  //     return this.$store.getters.doneTodosCount
  //   }
  // }
  computed: {
    ...mapGetters([
      'doneTodosCount',
    ]),
  }
}
</script>

<style scoped>

</style>